<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>尺寸属性</title>
		<style>
			span{
				font-size:5em;
				color:rgb(80,49,120);
				background-color: rgba(86,135,72,.19);
			}
			/* 最大 最小宽度问题 */
			div#container{
				background-color: #f0f0f0;
			}
			div.box{
				background-color: #ff0e42;
				color:#fff;
				width: 80%;
				/* 如果有最大宽度与普通宽度同时出现以最大宽度为准 */
				ma x-width: 650px;
				/* 同时出现min-width和max-width:最小值大于最大值， 以最小值优先 */
				min-width: 500px;
			}
		</style>
	</head>
	<body>
		<!--所有属性的单位
		  常用单位% px em移动端 字体倍数
		   常用的颜色单位：网页三原色 红绿蓝，组成页面上的所有颜色
		               rgba(0~2550~2550~2550~1) 遮罩层 
						 #rrggbb 十六进制   890-->
		  <span>lorem</span>
		  <!-- 自适应：最大 最小宽 -->
		  <div id="container">
		  	<div class="box">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laboriosam nam eaque perferendis animi aspernatur reiciendis molestias, veniam quaerat illo tenetur eum, natus expedita labore quisquam adipisci. Optio assumenda eius iure.</div>
		  </div>
	</body>
</html>